<html>
    <head>
        <title>混入(mixin)基础</title>
    </head>
    <body>
        <script>
            // 一、混入基础
                            /*
                                混入(Mixing)提供了一种非常灵活的方式，来分发Vue组件中的"可复用功能"。一个混入独享可以包含任意组件选项。
                                当组件使用"混入"对象时，所有"混入对象的选项"将被"混合"进入该组件本身的选项。
                            */
                                // 例子：
                                       // 定义一个"混入对象"
                                       var myMixin={
                                         created:function(){
                                            this.hello();
                                         },
                                         methods: {
                                            hello:function(){
                                                console.log('hello form mixin!');
                                            }
                                         }
                                       }

                                       // 定义一个使用混入对象的组件
                                       var Component =Vue.extend({
                                          mixins:[myMixin]
                                       })
                                       
                                       var component = new Component();  // ==> "hello from mixin!" 被打印出来
        </script>
    </body>
</html>